<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
    文章配音（audio）
    图片说明视频
    相关视频推荐
    社交分享功能
    -->
</head>

<body>
    <main>
        <article>
            <section><audio src="./static/mp3/test01.mp3" controls></audio>（文章配音）</section>
            <section><video src="./static/mp4/test01.mp4" controls></video>（图片说明视频）</section>
            <section><video src="./static/mp4/test01.mp3" controls></video>（相关视频推荐）</section>
            <section><a href="#">（社交分享功能）</a></section>
        </article>
    </main>
</body>

</html>